<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>XXX产品溯源防伪</title>
    <script type="importmap">
      {
        "imports": {
          "vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js",
		      "element-plus": "https://unpkg.com/element-plus@2.7.3/dist/index.full.min.mjs"
        }
      }
    </script>
    <script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=MgS1Fax5a4gQ1a6eos6cEx4XN8sxHqSB"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <!-- Import Element Plus -->
    <link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css" />
	  <link rel="stylesheet" href="./css/css.css">
</head>
<body>
    <div id="app" v-cloak>
      <el-scrollbar v-show="showList">
        <el-table :data="tableData" style="width:100%">
          <el-table-column prop="time" label="扫码时间"></el-table-column>
          <el-table-column prop="type" label="溯源结果"></el-table-column>
          <el-table-column prop="address" label="扫码地点">
            <template #default="scope">
            <el-button size="small" @click="handleBdMap(scope.row.address, scope.row.pointLat, scope.row.pointLng)">
              {{scope.row.address}}
            </el-button>
          </template>
          </el-table-column>
        </el-table>
      </el-scrollbar>
      <div class="baidu_map_page">
        <div id="baidu_map_back">
          <el-button size="small" @click="handleMapToList" style="position:absolute;top:16px;left:16px;">
            返回列表
          </el-button>
        </div>
        <div id="baidu_map"></div>
      </div>
    </div>
</body>
</html>
<script type="module">
	import { createApp, ref } from 'vue'
	import ElementPlus from 'element-plus'
	import main from './js/main.js'
  createApp(main).use(ElementPlus).mount('#app')
</script>